<template>
  <div>
    <zbTable ref="tableRef" :api-fun="get_list">
		<template #toolbar2>
			<div class="flex align-center">
				<div class="flex1 flex align-center justify-center num-item">
					<div class="text-center">
						<div class="fw-bolder fs-24">{{info.send_points || 0 }}</div>
						<div class="fs-16 margin-top-6">增加积分</div>
					</div>
				</div>
				<div class="flex1 flex align-center justify-center num-item margin-left-10">
					<div class="text-center">
						<div class="fw-bolder fs-24">{{info.send_cash || 0 }}</div>
						<div class="fs-16 margin-top-6">增加礼金</div>
					</div>
				</div>
				<div class="flex1 flex align-center justify-center num-item margin-left-10">
					<div class="text-center">
						<div class="fw-bolder fs-24">{{info.deduct_points || 0 }}</div>
						<div class="fs-16 margin-top-6">减少积分</div>
					</div>
				</div>
				<div class="flex1 flex align-center justify-center num-item margin-left-10">
					<div class="text-center">
						<div class="fw-bolder fs-24">{{info.deduct_points || 0 }}</div>
						<div class="fs-16 margin-top-6">减少礼金</div>
					</div>
				</div>
			</div>
		</template>
    </zbTable>
  </div>
</template>
<script setup>
  import { ref, onMounted } from 'vue';
  import { message, Modal } from 'ant-design-vue';
  import { actionFn } from '@/utils/action.js';
  import { daochuFn } from '@/utils/daochu.js';
  import { PlusOutlined, UploadOutlined } from '@ant-design/icons-vue';
  import zbTable from '@/components/zbTable/purchasePurchaseIndex.vue';
  import { get_list, statistics } from '@/api/member/member_points_log';
  
  const info = ref({});
  
  onMounted(()=>{
	  statistics().then(res=>{
		  info.value  = res.data;
	  })
  })
</script>

<style lang="less" scoped>
	.num-item{
		height: 130px;
		background-color: #FAFAFA;
	}
</style>
